<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MyStation</title>
    <link rel="stylesheet" href="style/common.css">
    <link rel="stylesheet" href="style/surface.css">
    <link rel="stylesheet" href="style/main.css">
</head>
<body>
    <div id="surface-page">
        <h2>Xavier的空间</h2>
        <p>Tip：本人是一个爱好心理学的软件工程专业的大三学生，本网页主题为软件+心理，记录我的小作品和对心理的所感所想。</p>
        <img src="image/心理健康想法设计元素.png" alt="">
        <a onclick="con()"><i></i></a>
    </div>
    <div id="main-page" class="m-w clearfix">
        <div class="symble clearfix">
            <ul>
                <li class="first fl">
                    <img src="image/心2.png" alt="">
                </li>
                <li class="fl">
                    <img src="image/加.png" alt="">
                </li>
                <li class="fl">
                    <img src="image/33-代码生成.png" alt="">
                </li>
            </ul>
        </div>
        <div class="navigation clearfix">
            <ul>
                <li class="fl">
                    <a href="#head">HEAD</a>
                </li>
                <li class="fl">
                    <a href="#arm">ARM</a>
                </li>
                <li class="fl">
                    <a href="#belly">BELLY</a>
                </li>
                <li class="fl">
                    <a href="#foot">FOOT</a>
                </li>
            </ul>
            <i class="fr"></i>
        </div>
        <div class="head" id="head">
            <h3>HEAD——世界观</h3>
            <p>曾经的我一度想不开人活着的意义，感觉生活很无趣，枯燥无味，甚至有了轻生的念头，而自从我认识到了一些事情，我才豁然开朗，人生中发生什么事情也会笑着去面对。</p>
            <table>
                <tr>
                    <td>
                        <p>人（man），是由形体与灵体两大部分组成。所谓形体，是指肉体（body），是我们的身体。形体是我们作为动物的一个基础属性。换句话说，动物具有什么，形体就具有什么。
                            所谓灵体，就是指灵魂（soul），是一种有思想的无形体。</p>
                    </td>
                    <td>
                        <img src="image/t01f589e0801d74021e.jpg" alt="">
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="image/894f-hfefkqq0797522.jpg" alt="">
                    </td>
                    <td>
                        <p>我们有思想，有感情，所以我们是灵魂，我们是无形的，依附于肉体上才得以存在这个世界上。灵魂有自己存在的世界，来到这个世界上，控制着肉体以达到某种目的。
                            现在，让我们来思考一下：你是灵魂，最初的最初，你为什么会来到这个世界上呢？也可以这么想：待几十年之后，你要与肉体剥离的时候，也就是你要离开这个世界的时候，你这辈子怎么做才不会留下遗憾。
                            我想，绝对不会是赚大把钱，或者是拥有多少东西，更不会是碌碌无为，一生都没有值得纪念的地方。</p>
                    </td>
                </tr>
            </table>
            <p>思考了若干长的时间，查阅了大量资料之后，最终，得到的最合理的解释就是：我们最初的时候，是因为这个世界上有很多很多新奇的东西，我们来这里是为了体验，体验这里的一切！</p>
            <ul>
                <li class="fl">
                    <img src="image/timg.jpg" alt="">
                    <h6>体验吃喝</h6>
                </li>
                <li class="fl">
                    <img src="image/u=3108375473,1069000396&fm=26&gp=0.jpg" alt="">
                    <h6>体验爱恨</h6>
                </li>
                <li class="fl">
                    <img src="image/timg1.jpg" alt="">
                    <h6>体验性爱</h6>
                </li>
                <li class="fl">
                    <img src="image/timg2.jpg" alt="">
                    <h6>体验亲情</h6>
                </li>
                <li class="fl">
                    <img src="image/timg3.jpg" alt="">
                    <h6>体验成败</h6>
                </li>
                <li class="fl">
                    <img src="image/timg4.jpg" alt="">
                    <h6>体验平淡</h6>
                </li>
            </ul>
            <p>谁说人生一定要活得成功，活的一帆风顺才好呢？活的精彩就可以了。唯有活着，才能体验世间的一切。当你有一天想体验死亡的时候，不妨把这一项放到最后，去想一想还有什么还没有体验过的，
                先去体验那些，因为死了，就体验不到其他的了。</p>
        </div>
        <div class="arm" id="arm">
            <h3>ARM——技能</h3>
            <p>在进入软件工程专业之后，除了完成课内的学习任务，我在课外也挑自己感兴趣的东西去自学。然而，在这短短的三年里，我没有给自己定下一个方向，深入的去学习，以至于我各方面的知识都是略懂，学的广而不精。</p>
            <ul>
                <li>
                    <div>
                        <h2>前端方面</h2>
                        <p>对C#,H5+CSS+JavaScript有一定的学习</p>
                    </div>
                    <img src="image/u=2097526952,1617711139&fm=26&gp=0.jpg.png" alt="">
                    <img src="image/timg111.jpg" alt="">
                </li>
                <li>
                    <div>
                        <h2>后端方面</h2>
                        <p>对C++,Java有一定的研究</p>
                    </div>
                    <img src="image/timg222.jpg" alt="">
                    <img src="image/u=2893615075,2492346271&fm=26&gp=0.jpg" alt="">
                </li>
                <li>
                    <div>
                        <h2>移动端方面</h2>
                        <p>对AndroidStudio也有一定的认识和了解</p>
                    </div>
                    <img src="image/timg555.jpg" alt="">
                </li>
            </ul>
        </div>
        <div class="belly" id="belly">
            <h3>BELLY——成果</h3>
            <h4>Part1:项目</h4>
                <ul>
                    <li>
                        <a href="">
                            <p>1.利用光线追踪技术从无到有渲染图片</p>
                            <img src="image/K1JU[{B~W9_AI~BGFBG4B1G.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>2.利用网络爬虫从各网站上整合音乐，电影，图片，小说</p>
                            <img src="image/OHOS5D))V]Q%)TBK{8GA{(C.png" alt="">
                        </a>
                    </li>
                </ul>
            <h4>Part2:感悟</h4>
            <ul>
                <li>
                    <a href="">
                        <p>1.关于人活着是为了什么的感悟：一篇微小的文章，阐述了我的所思所想</p>
                        <img src="image/u=2098674328,2799948166&fm=26&gp=0.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <p>2.对人发展的综合计划：对人的发展，站在我的三观的角度制定了相应的准则</p>
                        <img src="image/u=36318033,1673953886&fm=26&gp=0.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <div class="foot clearfix" id="foot">
            <dl class="fl">
                <dt>网址推荐</dt>
                <dd>
                    <a href="https://www.xinli001.com/">壹心理</a>
                </dd>
                <dd>
                    <a href="https://www.jiandanxinli.com/">简单心理</a>
                </dd>
                <dd>
                    <a href="http://fm.xinli001.com/">心理FM</a>
                </dd>
                <dd>
                    <a href="http://www.atguigu.com/">尚硅谷</a>
                </dd>
                <dd>
                    <a href="https://www.w3school.com.cn/">W3school</a>
                </dd>
            </dl>
            <dl class="fl">
                <dt>资源分享</dt>
                <dd>
                    <a href="">项目源码</a>
                </dd>
                <dd>
                    <a href="">文章资源</a>
                </dd>
            </dl>
            <dl class="fr">
                <dt>联系我</dt>
                <dd class="fl">
                    <a href="">
                        <img src="image/QQ.png" alt="">
                    </a>
                </dd>
                <dd class="fl">
                    <a href="">
                        <img src="image/微信.png" alt="">
                    </a>
                </dd>
                <dd class="fl">
                    <a href="">
                        <img src="image/微博.png" alt="">
                    </a>
                </dd>
                <dd class="fl">
                    <a href="">
                        <img src="image/邮箱.png" alt="">
                    </a>
                </dd>
            </dl>
        </div>
    </div>

    <script>
        function con(){
            document.getElementById('main-page').style.display="block";
            document.getElementById('surface-page').style.display="none";
        }
    </script>
</body>
</html>